Smooth Scrolling - Creating your first atom (Revised)
-
-
- Kosnichev Pavel
- Newbie
- Posts: 1
- Thanks: 0
-
Thank you !) work fine !
Example from me:
<a href="#scroll" style="">scroll</a>
<h1 id="scroll" style="">scroll</h1>
Sorry for my English ) - Last Edit: 8 years 9 months ago by Kosnichev Pavel.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Kosnichev Pavel - it's very hard to help you if you don't post a url?
In fact, please would you post your URL, superuser id and pswd in the secure tab of your post and i'll have a look for you. Also, Please post your FTP logon, password and FTP URL in the secure area of your post.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Arnaud
- Sr. Rocketeer
- Posts: 232
- Thanks: 3
-
Hello Mark,
Thank you for this tutorial.
After a few weeks working on some other projects, I'm getting back to my project involving RT templates.
First thing I did was updating everything that had to be updated. It seems that while I was away, almost everything had changed :
Joomla itself, Callisto, Gantry 5…
I followed your tutorial but there seems to be a problem with the ToTop particle. The scrolling is not smooth at all.
It took me a long time to understand that now, with the last Gantry update, this element has a smoothscroll by default (correct me if I'm wrong).
Which means we have some kind of "double smoothscroll instructions", producing some quite dirty result.
Your tutorial works fine with other # elements on the page, but now there is this problem with the ToTop particle.
Is there some way to modify your script so that it doesn't affect the ToTop particle ?
Or to modify the new default behaviour of Gantry ?
Thank you !
Arnaud
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Arnaud - Please would you post your URL, superuser id and pswd in the secure tab of your post and i'll have a look for you.
I just tried on my own test system and it works fine with totop too?
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Arnaud
- Sr. Rocketeer
- Posts: 232
- Thanks: 3
-
Mark,
Thank you for your fast answer. So I uploaded my site once again.
Here is the access to my back office in the secure tab.
Once you're on the homepage, you can test "TOP LINK" and "BOTTOM LINK", clearly visible in the text. Those work fine. But you should see that the ToTop particle is not that nice.
Another (small) question : using your script with this ToTop particle indicates "#.site" in the address bar. Could it be possible to be simply "#" ?
Thank you for your help and sorry if this link is reminding you some bad memories
Arnaud
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
I just wanted to let you know that I haven't forgotten you - it's just I have not yet found the time to come up with a solution for you.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Ok I have changed the code above to ignore the gantry "to top" and also remove the ".site" from the url - it should be find now.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Arnaud
- Sr. Rocketeer
- Posts: 232
- Thanks: 3
-
Working perfectly, bravo and many thanks !
Here are two questions about this :
- It seems the ToTop particle does not follow easing and duration parameters of the smoothscroll particle.
I guess we have to apply these parameters to the ToTop particle as well, right ?, but I don't know how to do that.
- With this new script, there is no "#" in the URL when we click on Totop.
Is there a simple way (ie not taking you two hours !) to modify this script so that the other #s behave like this as well ? I mean no #this or #that are added to the url when clicking on links which are not ToTop ?
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Totop script and function is part of core gantry5 - so I won't be changing that. So, you can't change the easing on totop or add the #.
What I would suggest instead is that you just create your own customhtml particle instead of using the totop particle in that just put...
<a href="#" alt="To Top">To Top</a>
Then my smooth scrolling script will apply instead and you've be able to do everything you wanted.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.062 seconds